<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="expires" content="0"/>
<title>圈圈生活</title>
<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" name="viewport">
<link href="${pageContext.request.contextPath}/res/css/common.min.css" rel="stylesheet">
<style type="text/css">
    #container table {
        width: 640px;
        margin-top:0.6rem;
        padding: 1rem;
        background-color: #fff;
    }
    #container table th {
        width: 320px;
        text-align:center;
    }
    #container table td {
    	 padding: 1rem;
        width: 320px;
        text-align:center;
    }
</style>
</head>
<body class="body">
<div id="viewport" class="viewport">
	<div class="header">
    	<p class="ban"><img src="${pageContext.request.contextPath}/res/image/ban.jpg" alt=""></p>
        <dl>
        	<dt class="code"><img src="${pageContext.request.contextPath}/res/image/code.png" alt=""></dt>
            <dd class="text">
            	<div class="title"><h2><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qqtech.qquan.product">${title}</a></h2></div>
                <p>扫码有惊喜！<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qqtech.qquan.product">下载APP体验</a></p>
            </dd>
        </dl>
    </div>
   
	    <div class="circlebox">
	    	<dl class="clearfix">
	    	<c:choose>
	    		<c:when test="${null!=showLogo&&''!=showLogo}">
	    			<dt><img src="${showLogo}" alt=""></dt>
	    		</c:when>
	    		<c:otherwise>
	    			<dt><img src="${pageContext.request.contextPath}/res/image/logo.png" alt=""></dt>
	    		</c:otherwise>
	    	</c:choose>
	            <dd><p>${showName}</p></dd>
	        </dl>
	    </div>
    <div class="main">
     	<c:if test="${null!=userBaseVo}">
			<dl class="userbox">
	        	<dt><img src="${userBaseVo.fullLogo}" alt=""></dt>
	            <dd>
	            	<h2><span>${userBaseVo.nick}</span>${communityBaseVo.name}</h2>
	                <p class="text">
	                <c:choose>
	                	<c:when test="${userBaseVo.sex==1}"><span class="man">♂</span></c:when>
	                	<c:otherwise>
	                	<span class="woman">♀</span>
	                	</c:otherwise>
	                </c:choose>
	                <c:if test="${null!=interests}">
	                	<c:forEach items="${interests}" var="item">
	                		<span>${item}</span>
	                	</c:forEach>
	                </c:if>
	               </p>
	            </dd>
	        </dl>
      	</c:if>
        <div class="content">
        	<p><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qqtech.qquan.product">${content}</a></p>
        </div>
    </div>
    <c:if test="${null!=productlist&&fn:length(productlist)>0}"></c:if>
    <div class="productlist">
    	<ul>
    		<c:forEach items="${productlist}" var="product">
	   		 	<li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.qqtech.qquan.product">
	            	<p class="pimg"><img src="${product.imgItems[0].source}" alt=""></p>
	                <h2>${product.name}</h2>
	                <h4>&yen;${product.price}</h4>
	                </a>
	            </li>
    		 </c:forEach>
        </ul>
    </div>
    <c:if test="${hasImg}">
    <div class="imgs">
    	<c:choose>
    		<c:when test="${shareType==5}">
    			<c:forEach items="${imgItem}" var="item">
		    		<p><img src="${item.source}" alt="" style="width:60px;height:60px;"></p>
		    	</c:forEach>
    		</c:when>
    		<c:when test="${shareType!=5}">
    		<c:forEach items="${imgItem}" var="item">
    			<p><img src="${item.source}" alt=""></p>
    		</c:forEach>
    		</c:when>
    	</c:choose>
    </div>
    </c:if>
     <c:if test="${null!=voteItemList&&fn:length(voteItemList)>0}">
	    <div id="container">
		<table>
		  <tr>
		    <th>投票选项</th>
		    <th>投票人数</th>
		  </tr>
		    <c:forEach items="${voteItemList}" var="voteItem">
		    	<tr>
				    <td><c:if test="${null!=voteItem.pathImg}"><img src="${voteItem.pathImg}" alt=""></c:if> ${voteItem.remark}</td>
				    <td>${voteItem.percent}票</td>
				  </tr>
		    </c:forEach>
		</table>
	  </div>
     </c:if>
</div>  
</body>
</html>